<template>
	<view class="navReturn">
		<view class="slip-title">
			<view class="img">
				<image src="https://hxc-pay.oss-cn-shenzhen.aliyuncs.com/VNZNcyyvuw_return_icon.png" mode="" @click="gotoBack"></image>
			</view>
			<view class="txt">{{navName}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"navCom",
		props:{
			navName:String
		},
		data() {
			return {
				
			};
		},
		methods:{
			gotoBack(){
				this.$emit("previous")
			}
		}
	}
</script>

<style lang="scss" scoped>
	.navReturn{
		width: 100%;
		.slip-title{
			width: 100%;
			height: 150rpx;
			background: #FFFFFF;
			display: flex;
			padding-top: 70rpx;
			.img{
				width:15%;
				height: 100%;
				padding-top: 13rpx;
				image{
					width: 38rpx;
					height: 38rpx;
					padding-left: 29rpx;
				}
			}
			.txt{
				width: 70%;
				height: 100%;
				text-align: center;
				font-size: 37rpx;
				font-weight: bold;
				color: #333333;
			}
		}
	}
</style>
